<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>图片压缩</title>

	<!-- 引入样式 -->
	<link rel="stylesheet" href="/webjars/element-ui/lib/theme-chalk/index.css">

</head>

<body>
	<div id="app">
		<el-row>
			<el-col :span="6">&nbsp;</el-col>
			<el-col :span="10">
				<div class="grid-content bg-purple-light">

					<a ref="sample" href="./html/sample.html">单张模式</a>
					<a ref="batch" href="./html/batch.html">批量模式</a>
					<a ref="download" href="./html/download.html">离线模式</a>
				</div>
			</el-col>
			<el-col :span="6">&nbsp;</el-col>
		</el-row>
	</div>
</body>
<script src="/webjars/vue/vue.min.js"></script>
<script src="/webjars/element-ui/lib/index.js"></script>
<script type="text/javascript">
	new Vue({
		el: '#app',
		data: function () {
			return {
				visible: false
			}
		},
		mounted() {
			this.$refs.batch.click()
		},
	})
</script>

</html>